/*** Fuentes ***/
@font-face {
	font-family: CorporateAConReg;
	src: url('../resources/fonts/CorporateAConReg.eot');
	/* EOT file for IE */
}

@font-face {
	font-family: CorporateAConReg;
	src: url("../resources/fonts/CorporateAConReg.ttf");
	/* TTF file for CSS3 browsers */
}

@font-face {
	font-family: applegaramond;
	src: url('../resources/fonts/applegaramond.eot'); /* EOT file for IE */
}

@font-face {
	font-family: applegaramond;
	src: url("../resources/fonts/applegaramond.ttf");
	/* TTF file for CSS3 browsers */
}

/*** Estilos Generales ***/
html {
	width: 99.5%;
}

body {
	font-family: "Segoe UI", Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #222;
	margin: 0;
}

.layout {
	width: 100%;
	margin: 0 auto;
}

/* Inicio Header */
.header {
	float: left;
	width: 100%;
	height: 38px;
	padding-right: 5px;
}

.header-left {
	height: 38px;
	background: url(../resources/images/bg-head-transparente.png);
	background-repeat: repeat-x;
}

.header-right {
	height: 37px;
	background: url(../resources/images/bg-head-curve-transparente.png);
	width: 128px;
	background-repeat: no-repeat;
}

.header-tabla {
	width: 99%;
	margin-right: 10px;
}

.sub-header {
	padding: 5px 10px 0 10px;
	height: 35px;
}

/* Fin Header*/



.main {
	float: left;
	width: 100%;
}

#nameForm {
	font-family: applegaramond;
	color: #000;
	font-size: 30px;
	float: left;
}

/* Inicio de toolBar */
.toolBar {
	float: left;
	margin: 7px 0px 10px 35px;
}

.toolbar-icon {
	width: 20px;
	height: 20px;
	border: none;
}
/* Fin de toolBar */

#content {
	margin: 0px 20px 10px 10px;
	border-top: 1px solid #CCC;
	padding-top: 10px;
}

.todito {
	margin-left: 9px;
}

/* Inicio de Footer */
.footer {
	padding: 0 10px 0 25px;
	background-color: #FFF;
	height: 35px;
}

.content-footer {
	border-top: 1px solid #CCC;
	padding-top: 8px;
	text-align: right;
}

.content-footer label {
	margin-right: 15px;
	color: #666;
	font-size: 10px;
	font-family: Arial;
	font-weight: bolder;
}

/* Fin de Footer */

.logo {
	float: left;
	height: 25px;
	margin-left: 22px;
	margin-top: -15px;
	background-image: url('../resources/images/logo-divermotor.png');
	width: 150px;
	background-repeat: no-repeat;
}


.centrar-contenido {
	text-align: center;
}

.iconos-encabezado {
	float: right;
	margin: 0px 10px 0 0;
	height: 45px;
}

.icono-encabezado {
	border: none;
	margin-top: 7px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

.icono-encabezado-inicio{
	background-image: url('../resources/images/inicio.png');
}

.icono-encabezado-ayuda{
	background-image: url('../resources/images/ayuda.png');
}

.icono-encabezado-salir{
	background-image: url('../resources/images/salir.png');
}

.icono-encabezado-curva {
	height: 45px;
	border: none;
	float: right;
}

.linea {
	background: none;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-left: none;
	margin-top: 5px;
}

.toolBar {
	float: left;
	margin-left: 35px;
}

/* Inicio Usuario autenticado */
.nombre-usuario-autenticado {
	color: white;
	float: right;
	margin-bottom: 10px;
}

.icono-usuario-autenticado {
	float: left;
	height: 21px;
	margin: -10px 10px 0px 0px;
	background-image: url('../resources/images/icon-user.png');
	width: 20px;
	background-repeat: no-repeat;
}
/* Fin Usuario autenticado */
